	<div class="body_content">
            <div class="position">
		<div class="left">
		    <div class="label_header_position">
			<label class="h3">
			    <b>User Maintenance</b>
			</label>
		    </div>
		</div>
		<div class="right align_right">
                    <input type="text" class="search_field" name="searchUser" id="searchUser" placeholder="Search"/>
		</div>
		<div class="hr"></div>
		<div class="content">
		    <div class="top">
			<input type="button" name="addNewUser" class="button" id="addNewUser" value="Add User"/>
			<div id="loadUser"></div>
		    </div>
		    <div class="bottom display addUser" id="addUser">
			<div class="addUser_box">
			    <div class="left">
				
				<label class="h2">Username:</label> <br />
				    <input type="text" class="textfield_one" name="newUsername" id="newUsername" placeholder="Username"/> <br /><br />
				<label class="h2">Firstname:</label> <br />
				    <input type="text" class="textfield_one" name="newFirstname" id="newFirstname" placeholder="Firstname"/> <br /><br />
				<label class="h2">Level of Access:</label> <br />
				    	<select class="selection" name="newLOA" id="newLOA">
					<?php
					    $db = new Database();
					    $userLevel = $db->query("SELECT * FROM tbuserlevel","array");
					    foreach($userLevel as $dataLevel)
					    {
						$level = $dataLevel['id'];
						echo "<option value=".$level.">".$dataLevel['userlevel']."</option>";
					    }
					?>
						</select>
			    </div>
			    <div class="right">
				<label class="h2">Password:</label> <br />
				    <input type="password" class="textfield_one" name="newPassword" id="newPassword" placeholder="Password"/> <br /><br />
				<label class="h2">Lastname:</label> <br />
				    <input type="text" class="textfield_one" name="newLastname" id="newLastname" placeholder="Lastname"/> <br /><br />
				<div class="align_right" style="margin-top: 50px;">
				    <input type="button" name="saveNewUser" class="button saveNewUser" id="saveNewUser" value="Save"/>
				    <input type="button" name="hideForm" class="button hideForm" id="hideForm" value="Hide Form"/>
				</div>
			    </div>
			    <div class="fl_left" style="width: 100%; margin-top: 10px;">
				<div class="notification_wrapper display wrongNotification">
				    <div class="wrong">
				       <img src="/images/warning/closed.png" width="22" height="19" class="img-notification-position">
					<div class="notification-position" id="wrong">    
					    
					</div>
				    </div>
				</div>
				<div class="notification_wrapper display correctNotification">
				    <div class="correct">
					<img src="/images/warning/correct.png" width="22" height="19" class="img-notification-position">
					<div class="notification-position" id="correct">    
					   
					</div>
				   </div>
				</div>
			    </div>
			</div>
		    </div>
		</div>
            </div>
        </div>
<script>
   setActivNav('user_maintenance');
</script>   